<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="creationComplete()" xmlns:components="com.disney.pm.components.*" backgroundColor="#ffffff" borderStyle="outset" borderColor="#000000" xmlns:controls="com.mister.controls.*" xmlns:effects="com.blogagic.effects.*">
    <mx:Script>
        <![CDATA[
            private function creationComplete() : void {
                regionName.text = "Region Name 152"
            }
        ]]>
    </mx:Script>
    <effects:EditInPlaceEffect id="eip" duration="1800" textProperty="text" />
    <mx:HBox width="100%">
        <mx:TextInput id="regionName" width="130" creationCompleteEffect="{eip}" />
        <mx:HBox horizontalAlign="right" width="100%">
            <mx:Button id="lock" toolTip="Region Locked" label="!" />
            <mx:Button id="dependencies" toolTip="Dependencies" label="oo" />
            <mx:Button id="closeButton" toolTip="Delete" label="X" />
        </mx:HBox>
    </mx:HBox>
    <mx:VBox height="100%" width="100%" verticalGap="0">
        <mx:TextInput id="regionId" width="130" text="Region ID" creationCompleteEffect="{eip}" />
        <mx:VBox verticalGap="0">
            <mx:Label id="defaultModuleSource" />
            <mx:HBox>
                <mx:Label text="Allow Module Sources (x)" />
                <mx:Button label="edit" />    
            </mx:HBox>
        </mx:VBox>
    </mx:VBox>
    <mx:HBox width="100%">
        <mx:VBox verticalGap="0">
            <mx:Label text="W" />
            <mx:TextInput id="widthDisplay" width="30" creationCompleteEffect="{eip}"/>
        </mx:VBox>
        <mx:VBox verticalGap="0">
            <mx:Label text="H" />
            <mx:TextInput id="heightDisplay" width="30" />
        </mx:VBox>
        <mx:Spacer width="10"/>
        <mx:VBox verticalGap="0">
            <mx:Label text="T" />
            <mx:TextInput id="topDisplay" width="30" />
        </mx:VBox>
        <mx:VBox verticalGap="0">
            <mx:Label text="L" />
            <mx:TextInput id="leftDisplay" width="30" />
        </mx:VBox>
        <mx:VBox horizontalAlign="right" verticalAlign="bottom" width="100%" height="100%">
            <mx:Label id="contentId" />
        </mx:VBox>
    </mx:HBox>
</mx:VBox>